import React from 'react'
import ProForm, { ProFormText, ProFormSelect, QueryFilter } from '@ant-design/pro-form'

const SearchForm = () => {
  return (
    <QueryFilter
      onFinish={values => {
        console.log(values)
      }}
    >
      <ProForm.Group>
        <ProFormText width="xs" name="name" label="商品名称" placeholder="请输入商品名称/编码" />
        <ProFormSelect width="xs" name="class" label="商品分类" placeholder="请选择" />
        <ProFormSelect width="xs" name="status" label="商品状态" placeholder="请选择" />
        <ProFormSelect width="xs" name="store" label="所属供应商" placeholder="请选择" />
      </ProForm.Group>
    </QueryFilter>
  )
}

export default SearchForm
